import { CSSProperties } from 'vue'
import { CSSWhiteSpaceType, CSSWordBreakType } from '@xtail/ui'

export const TextEllipsisPropsType_Name = 'TextEllipsisPropsType'

export type TextEllipsisPropsType = {
  // 是否使用 `-webkit-box` 实现文本省略（在 webkitBox 为 false 时，必须设置宽度，否则无法实现文本省略）
  webkitBox?: boolean
  // 文本显示最大行数（在 webkitBox 为 true 时，有效）
  line?: number
  // 文本是否允许换行（在 webkitBox 为 false 时，无效）
  whiteSpace?: CSSWhiteSpaceType
  // 是否断开单词
  wordBreak?: CSSWordBreakType
  // 样式类名
  className?: string | string[]
  // 样式
  style?: string | Partial<CSSProperties>
}
